html, body {
 height:100%;
    width:100%;
    position:relative;
}
.register__form {
 position: absolute;
  top: 5%;
  left: 0;
  padding: 0.5rem 2.5rem;
  text-align: center;
}
.register__submit[disabled] {
border: 1px solid #8f0002;
background: #f1eeed;
  position: relative;
 width: 75%;
  height: 3.5rem;
  margin: 2rem 0 2.2rem;
  color: rgba(0, 0, 0, 0.3);
  font-size: 1.5rem;
  opacity: 100%;
border-radius: 5px;
 cursor: pointer;
 overflow: hidden;
 -webkit-transition: width 0.3s 0.15s, font-size 0.1s 0.15s;
  transition: width 0.3s 0.15s, font-size 0.1s 0.15s;
}
.register__submit {
   border: 0px solid #480004;
   background: linear-gradient(to right, rgb(143, 0, 2), rgb(72, 0, 4));
  position: relative;
 width: 75%;
  height: 3.5rem;
  margin: 2rem 0 2.2rem;
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.5rem;
  opacity: 70%;
border-radius: 5px;
  cursor: pointer;
  overflow: hidden;
  -webkit-transition: width 0.3s 0.15s, font-size 0.1s 0.15s;
  transition: width 0.3s 0.15s, font-size 0.1s 0.15s;
}
.register__submit:hover {
    border: 1px solid #ffffff;
    background: #480004;
  position: relative;
  width: 75%;
  height: 3.5rem;
  margin: 2rem 0 2.2rem;
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.5rem;
  opacity: 90%;
border-radius: 5px;
  cursor: pointer;
  overflow: hidden;
  -webkit-transition: width 0.3s 0.15s, font-size 0.1s 0.15s;
  transition: width 0.3s 0.15s, font-size 0.1s 0.15s;
}
.register__submit[disabled]:hover {
  position: relative;
  height: 3.5rem;
  margin: 2rem 0 2.2rem;
 background: #f1eeed;
  color: rgba(0, 0, 0, 0.4);
 border:1px solid #ffffff;
  opacity : 50%;
  font-size: 1.5rem;
border-radius: 5px;
cursor: pointer;
 overflow: hidden;
-webkit-transition: width 0.3s 0.15s, font-size 0.1s 0.15s;
  transition: width 0.3s 0.15s, font-size 0.1s 0.15s;
}
.register__submit:active{
   position: relative;
  height: 3.5rem;
  margin: 2rem 0 2.2rem;
 background-color:#480004;
  color: #ff7e00;
  border:5px solid #480004;
  opacity : 50%;
  font-size: 1.5rem;
 border-radius: 5px;
  cursor: pointer;
  overflow: hidden;
  -webkit-transition: width 0.3s 0.15s, font-size 0.1s 0.15s;
  transition: width 0.3s 0.15s, font-size 0.1s 0.15s;
}
.register__row {
  height: 1rem;
  padding-top: 0rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.login__form {
  position: absolute;
  top: 5%;
  left: 0;
  padding: 0.5rem 2.5rem;
  text-align: center;
}
.login__row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.login__icon {
  margin-bottom: -0.4rem;
  margin-right: 0.5rem;
}
.login__icon.name path {
  stroke-dasharray: 73.50196075439453;
  stroke-dashoffset: 73.50196075439453;
  -webkit-animation: animatePath 2s 0.5s forwards;

          animation: animatePath 2s 0.5s forwards;

}

.login__icon.pass path {

  stroke-dasharray: 92.10662841796875;

  stroke-dashoffset: 92.10662841796875;

  -webkit-animation: animatePath 2s 0.5s forwards;

          animation: animatePath 2s 0.5s forwards;

}

.login__input {

  display: inline-block;

  width: 30rem;

  height: 100%;

  padding-left: 1.5rem;

  font-size: 1.5rem;

  background: transparent;

  color: #12183c;

}

.login__submit[disabled] {

    border: 1px solid #8f0002;

    background: #f1eeed;

  position: relative;

  width: 75%;

  height: 3.5rem;

    margin: 0rem 0 0.2rem;

  color: rgba(0, 0, 0, 0.3);

  font-size: 1.5rem;

  opacity: 100%;

border-radius: 5px;

  cursor: pointer;

  overflow: hidden;

  -webkit-transition: width 0.3s 0.15s, font-size 0.1s 0.15s;

  transition: width 0.3s 0.15s, font-size 0.1s 0.15s;

}

.login__submit {

    border: 0px solid #480004;

    background: linear-gradient(to right, rgb(143, 0, 2), rgb(72, 0, 4));

  position: relative;

	 width: 75%;

  height: 3.5rem;

    margin: 0rem 0 0.2rem;
  color: rgba(255, 255, 255, 0.8);

  font-size: 1.5rem;

  opacity: 70%;

border-radius: 5px;

  cursor: pointer;

  overflow: hidden;

  -webkit-transition: width 0.3s 0.15s, font-size 0.1s 0.15s;

  transition: width 0.3s 0.15s, font-size 0.1s 0.15s;

}

.login__submit:hover {

    border: 1px solid #ffffff;

    background: #480004;

  position: relative;

  width: 75%;

  height: 3.5rem;

    margin: 0rem 0 0.2rem;

  color: rgba(255, 255, 255, 0.8);

  font-size: 1.5rem;

  opacity: 90%;

border-radius: 5px;

  cursor: pointer;

  overflow: hidden;

  -webkit-transition: width 0.3s 0.15s, font-size 0.1s 0.15s;

  transition: width 0.3s 0.15s, font-size 0.1s 0.15s;

}

.login__submit[disabled]:hover {

  position: relative;

  height: 3.5rem;

    margin: 0rem 0 0.2rem;

 background: #f1eeed;

  color: rgba(0, 0, 0, 0.4);

  border:1px solid #ffffff;

  opacity : 50%;

  font-size: 1.5rem;

border-radius: 5px;

  cursor: pointer;

  overflow: hidden;

  -webkit-transition: width 0.3s 0.15s, font-size 0.1s 0.15s;

  transition: width 0.3s 0.15s, font-size 0.1s 0.15s;

}

.login__submit:active{

   position: relative;

  height: 3.5rem;

    margin: 0rem 0 0.2rem;

 background-color:#480004;

  color: #ff7e00;

  border:5px solid #480004;

  opacity : 50%;

  font-size: 1.5rem;

  border-radius: 5px;

  cursor: pointer;

  overflow: hidden;

  -webkit-transition: width 0.3s 0.15s, font-size 0.1s 0.15s;

  transition: width 0.3s 0.15s, font-size 0.1s 0.15s;

}

.login__signup {

  font-size: 1.3rem;

}

.login__signup a {

  color: blue;

  cursor: pointer;

}

@-webkit-keyframes animRipple {

  to {

    -webkit-transform: scale(3.5);

            transform: scale(3.5);

    opacity: 0;

  }

}

@keyframes animRipple {

  to {

    -webkit-transform: scale(3.5);

            transform: scale(3.5);

    opacity: 0;

  }

}

@-webkit-keyframes rotate {

  to {

    -webkit-transform: rotate(360deg);

            transform: rotate(360deg);

  }

}

@keyframes rotate {

  to {

    -webkit-transform: rotate(360deg);

            transform: rotate(360deg);

  }

}

@-webkit-keyframes animatePath {

  to {

    stroke-dashoffset: 0;

  }

}

@keyframes animatePath {

  to {

    stroke-dashoffset: 0;

  }

}

input[type="text"],input[type="password"],input[type="email"],

select.form-control {

  background: transparent;

  border: none;

  border-bottom: 0px solid #676767;

  -webkit-box-shadow: none;

  box-shadow: none;

  border-radius: 0;

}

input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,

select.form-control:focus {

  -webkit-box-shadow: none;

  box-shadow: none;

  border-bottom: 1px solid white;

  transition: 0.9s;

}

.form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */

        color:    black;

    opacity:  0.5;

}

.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

        color:    black;

    opacity:  0.5;

}

.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */

        color:    black;

    opacity:  0.5;

}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */

            color:    black;

    opacity:  0.5;

}

footer {

    position: fixed;

    height: 30px;

	padding-top:8px;

    bottom: 0;

    width: 100%;

}

.navbar-nav li a {

     padding-top: 15px;

     padding-bottom: 0px;

}

.bg{

  <!--background-image:url(<?php echo base_url().'assest/img/enter.png' ?>);-->

  padding: 0 !important;

  margin: 0 auto !important;

  overflow: hidden;

  border-radius:10px;

  background-size: 100% 100%;

  background-repeat:no-repeat;

}

.png_gmail{

  opacity:0.5;

  transition: 0.3s;

  height: 3.8rem;

  border-radius: 3rem;

	width:400px;

}

.png_gmail:hover{

  transition: 0.3s;

  opacity:1;

  border-radius: 3rem

}

.navbar{

  	margin-bottom:0px;

}

#captchadisplay {

  width: 0px !important;

}

.g-recaptcha {

  width: 0px;

}

.divimage {

  width: 100%;
  height: 100vh;
  background: url(../../theme/img/hero-bg_.png) top center;
  background-size: cover;
  position: relative;

}

@media only screen and (max-width: 500px) {

.divimage {

 /* background-image:url('../img/hamyabapi_Mobile.jpg' ); */
background: #417390;
 background-size: 100% 100%;

 background-repeat:no-repeat;

}

.register__form {

 height:380px;

}

}

@-webkit-keyframes autofill {

    to {

        color: #666;

        background: transparent;

    }

}

input:-webkit-autofill {

    -webkit-animation-name: autofill;

    -webkit-animation-fill-mode: both;

}
.or-box
{
    position: relative;
	border-top:1px solid #c8b7b5;
    padding-top: 20px;
    margin-top:20px;
	margin-bottom: 10px;
}
.or
{
	color: #9a9a9a;
	background-color: #d2ccc9;
	position: absolute;
	text-align: center;
	top: -8px;
	width: 40px;
	left: 110px;
	border-radius: 50%;
}
.btn{
background-image:none;
background-color:none;
}